<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/component.css" rel="stylesheet" />

		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/vueComponent.js?cc=xx"></script>

	</head>

	<body>
		<div id="content" style="background: white;">
			<h4>1.输入框 </h4>
			<v-input1  style="padding-left: 10px;" icon_img="img/qccode.png" placeholder="请输入.. " input_id="xxx" input_type="text"></v-input1>
			<v-input2 lefttext="姓名" placeholder="请输入.." input_id="xx"  input_type="text"></v-input2>
			<v-textarea lefttext="介绍" placeholder="请输入.. " input_id="xxx" input_type="text"> </v-textarea>
			<v-input-qcode style="padding-left: 10px;" icon_img="img/qccode.png" qcode_id="xx" send_id="点击发送验证码按钮id"  send_code_fun="test"></v-input-qcode>
			
			<v-button-group iconimg="img/qccode.png" text="我的资料" jt="img/back_right.png"></v-button-group>
			
			<h4 style="margin-top: 20px; margin-bottom: 20px;">2.列表 </h4>
			<v-article iconimg="img/qccode.png" headimg="img/head.png" username="username"  articleimg="img/article.png" article_title="这是标题" subtime="2108-01-01" readnum="10" onclick="test()"></v-article>
			
			
			<v-shop-item commdityimg="img/article.png" title="商品标题商品标题商品标题商品标题商品标题商品标题商品标题" disprice="25" originprice="50.09"  ></v-shop-item>
			
		
			<h4 style="margin-top: 20px; margin-bottom: 20px;">3.按钮 </h4>
			<v-singlebutton button_id="xx"   text="提交"></v-singlebutton>
		
		</div>

	</body>

	<script type="text/javascript" charset="utf-8">
		var app = new Vue({
			el: '#content',
			data: {
				message: 'Hello Vue!'
			}
		})
		
		function  test () {
			console.info("test")
		}
	</script>

</html>